<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/7/3
  Time: 10:04
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>选择电影</title>
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
    <link href='http://fonts.useso.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
    <link href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" rel="stylesheet">
    <link href="css/gozha-nav.css" rel="stylesheet" />
    <link href="css/external/jquery.selectbox.css" rel="stylesheet" />
    <link href="css/style.css?v=1" rel="stylesheet" />
    <script src="js/external/modernizr.custom.js"></script>
</head>
<body>
<div class="wrapper">
    <!-- 头部导航栏-->
    <hearder>
        <jsp:include page="header.jsp"></jsp:include>
    </hearder>
    <!-- 搜索框-->
    <jsp:include page="search.jsp"></jsp:include>


    <!-- Main content -->
    <section class="container">
        <div class="col-sm-12">
            <h2 class="page-heading">电影</h2>

            <div class="select-area">
                <form class="select" method='get'>
                    <select name="select_item" class="select__sort" tabindex="0">
                        <option value="1" selected='selected'>思明区</option>
                        <option value="2">集美区</option>
                        <option value="3">湖里区</option>
                        <option value="4">海沧区</option>
                        <option value="5">翔安区</option>
                    </select>
                </form>

                <div class="datepicker">
                    <span class="datepicker__marker"><i class="fa fa-calendar"></i>日期</span>
                    <input type="text" id="datepicker" value='03/10/2014' class="datepicker__input">
                </div>

                <form class="select select--cinema" method='get'>
                    <select name="select_item" class="select__sort" tabindex="0">
                        <option value="1" selected='selected'>蔡塘影院</option>
                        <option value="2">万达影城</option>
                        <option value="3">又见影院</option>
                        <option value="4">...</option>
                        <option value="5">...</option>
                    </select>
                </form>

                <form class="select select--film-category" method='get'>
                    <select name="select_item" class="select__sort" tabindex="0">
                        <option value="2" selected='selected'>喜剧</option>
                        <option value="3">恐怖片</option>
                        <option value="4">爱情</option>
                        <option value="5">惊悚</option>
                        <option value="6">..</option>
                        <option value="7">..</option>
                    </select>
                </form>

            </div>

            <div class="tags-area">
                <div class="tags tags--unmarked">
                    <span class="tags__label">按以下顺序排列:</span>
                    <ul>
                        <li class="item-wrap">
                            <a href="#" class="tags__item item-active" data-filter='all'>全</a>
                        </li>
                        <li class="item-wrap">
                            <a href="#" class="tags__item" data-filter='release'>发布日期</a>
                        </li>
                        <li class="item-wrap">
                            <a href="#" class="tags__item" data-filter='popularity'>受欢迎的</a>
                        </li>
                        <li class="item-wrap">
                            <a href="#" class="tags__item" data-filter='comments'>评论意见</a>
                        </li>
                        <li class="item-wrap">
                            <a href="#" class="tags__item" data-filter='ending'>即将结束</a>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- Movie preview item -->
            <div class="movie movie--preview movie--full release">
                <div class="col-sm-3 col-md-2 col-lg-2">
                    <div class="movie__images">
                        <img alt='' src="images/380-60.png">
                    </div>
                    <div class="movie__feature">
                        <a href="#" class="movie__feature-item movie__feature--comment">1</a>
                        <a href="#" class="movie__feature-item movie__feature--video">2</a>
                        <a href="#" class="movie__feature-item movie__feature--photo">3</a>
                    </div>
                </div>

                <div class="col-sm-9 col-md-10 col-lg-10 movie__about">
                    <a href='movie-page-full.html' class="movie__title link--huge">一条狗的使命2</a>

                    <p class="movie__time">105 min</p>

                    <p class="movie__option"><strong>国家: </strong>
                        <a href="#">北美</a>
                    </p>
                    <p class="movie__option"><strong>类别: </strong>
                        <a href="#">感人</a>
                    </p>
                    <p class="movie__option"><strong>发布日期: </strong>2019-05-17</p>
                    <p class="movie__option"><strong>导演: </strong>
                        <a href="#">Jon Turteltaub</a>
                    </p>
                    <p class="movie__option"><strong>演员: </strong>
                        <a href="#">Robert De Niro</a>,
                        <a href="#">Michael Douglas</a>,
                        <a href="#">Morgan Freeman</a>,
                        <a href="#">Kevin Kline</a>,
                        <a href="#">Mary Steenburgen</a>,
                        <a href="#">Jerry Ferrara</a>,
                        <a href="#">Romany Malco</a>
                        <a href="#">...</a>
                    </p>

                    <div class="movie__btns">
                        <a href="#" class="btn btn-md btn--warning">订这张票</a>
                        <a href="#" class="watchlist">添加到购物车</a>
                    </div>

                    <div class="preview-footer">
                        <div class="movie__rate">
                            <div class="score"></div><span class="movie__rate-number">170 票</span> <span class="movie__rating">5.0</span></div>

                        <a href="#" class="movie__show-btn">放映时间</a>
                    </div>
                </div>

                <div class="clearfix"></div>

                <!-- Time table (choose film start time)-->
                <div class="time-select">
                    <div class="time-select__group group--first">
                        <div class="col-sm-4">
                            <p class="time-select__place">万达影城</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='09:40'>09:40</li>
                            <li class="time-select__item" data-time='13:45'>13:45</li>
                            <li class="time-select__item active" data-time='15:45'>15:45</li>
                            <li class="time-select__item" data-time='19:50'>19:50</li>
                            <li class="time-select__item" data-time='21:50'>21:50</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">又见影院</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='10:45'>10:45</li>
                            <li class="time-select__item" data-time='16:00'>16:00</li>
                            <li class="time-select__item" data-time='19:00'>19:00</li>
                            <li class="time-select__item" data-time='21:15'>21:15</li>
                            <li class="time-select__item" data-time='23:00'>23:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='09:00'>09:00</li>
                            <li class="time-select__item" data-time='11:00'>11:00</li>
                            <li class="time-select__item" data-time='13:00'>13:00</li>
                            <li class="time-select__item" data-time='15:00'>15:00</li>
                            <li class="time-select__item" data-time='17:00'>17:00</li>
                            <li class="time-select__item" data-time='19:0'>19:00</li>
                            <li class="time-select__item" data-time='21:0'>21:00</li>
                            <li class="time-select__item" data-time='23:0'>23:00</li>
                            <li class="time-select__item" data-time='01:0'>01:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='10:45'>10:45</li>
                            <li class="time-select__item" data-time='16:00'>16:00</li>
                            <li class="time-select__item" data-time='19:00'>19:00</li>
                            <li class="time-select__item" data-time='21:15'>21:15</li>
                            <li class="time-select__item" data-time='23:00'>23:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group group--last">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='17:45'>17:45</li>
                            <li class="time-select__item" data-time='21:30'>21:30</li>
                            <li class="time-select__item" data-time='02:20'>02:20</li>
                        </ul>
                    </div>
                </div>
                <!-- end time table-->

            </div>
            <!-- end movie preview item -->

            <!-- Movie preview item -->
            <div class="movie movie--preview movie--full release">
                <div class="col-sm-3 col-md-2 col-lg-2">
                    <div class="movie__images">
                        <img alt='' src="images/380-60.png">
                    </div>
                    <div class="movie__feature">
                        <a href="#" class="movie__feature-item movie__feature--comment">1</a>
                        <a href="#" class="movie__feature-item movie__feature--video">2</a>
                        <a href="#" class="movie__feature-item movie__feature--photo">3</a>
                    </div>
                </div>

                <div class="col-sm-9 col-md-10 col-lg-10 movie__about">
                    <a href='movie-page-full.html' class="movie__title link--huge">一条狗的使命2</a>

                    <p class="movie__time">105 min</p>

                    <p class="movie__option"><strong>国家: </strong>
                        <a href="#">北美</a>
                    </p>
                    <p class="movie__option"><strong>类别: </strong>
                        <a href="#">感人</a>
                    </p>
                    <p class="movie__option"><strong>发布日期: </strong>2019-05-17</p>
                    <p class="movie__option"><strong>导演: </strong>
                        <a href="#">Jon Turteltaub</a>
                    </p>
                    <p class="movie__option"><strong>演员: </strong>
                        <a href="#">Robert De Niro</a>,
                        <a href="#">Michael Douglas</a>,
                        <a href="#">Morgan Freeman</a>,
                        <a href="#">Kevin Kline</a>,
                        <a href="#">Mary Steenburgen</a>,
                        <a href="#">Jerry Ferrara</a>,
                        <a href="#">Romany Malco</a>
                        <a href="#">...</a>
                    </p>

                    <div class="movie__btns">
                        <a href="#" class="btn btn-md btn--warning">订这张票</a>
                        <a href="#" class="watchlist">添加到购物车</a>
                    </div>

                    <div class="preview-footer">
                        <div class="movie__rate">
                            <div class="score"></div><span class="movie__rate-number">170 票</span> <span class="movie__rating">5.0</span></div>

                        <a href="#" class="movie__show-btn">放映时间</a>
                    </div>
                </div>

                <div class="clearfix"></div>

                <!-- Time table (choose film start time)-->
                <div class="time-select">
                    <div class="time-select__group group--first">
                        <div class="col-sm-4">
                            <p class="time-select__place">万达影城</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='09:40'>09:40</li>
                            <li class="time-select__item" data-time='13:45'>13:45</li>
                            <li class="time-select__item active" data-time='15:45'>15:45</li>
                            <li class="time-select__item" data-time='19:50'>19:50</li>
                            <li class="time-select__item" data-time='21:50'>21:50</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">又见影院</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='10:45'>10:45</li>
                            <li class="time-select__item" data-time='16:00'>16:00</li>
                            <li class="time-select__item" data-time='19:00'>19:00</li>
                            <li class="time-select__item" data-time='21:15'>21:15</li>
                            <li class="time-select__item" data-time='23:00'>23:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='09:00'>09:00</li>
                            <li class="time-select__item" data-time='11:00'>11:00</li>
                            <li class="time-select__item" data-time='13:00'>13:00</li>
                            <li class="time-select__item" data-time='15:00'>15:00</li>
                            <li class="time-select__item" data-time='17:00'>17:00</li>
                            <li class="time-select__item" data-time='19:0'>19:00</li>
                            <li class="time-select__item" data-time='21:0'>21:00</li>
                            <li class="time-select__item" data-time='23:0'>23:00</li>
                            <li class="time-select__item" data-time='01:0'>01:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='10:45'>10:45</li>
                            <li class="time-select__item" data-time='16:00'>16:00</li>
                            <li class="time-select__item" data-time='19:00'>19:00</li>
                            <li class="time-select__item" data-time='21:15'>21:15</li>
                            <li class="time-select__item" data-time='23:00'>23:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group group--last">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='17:45'>17:45</li>
                            <li class="time-select__item" data-time='21:30'>21:30</li>
                            <li class="time-select__item" data-time='02:20'>02:20</li>
                        </ul>
                    </div>
                </div>
                <!-- end time table-->
            </div>
            <!-- end movie preview item -->

            <div class="movie movie--preview movie--full release">
                <div class="col-sm-3 col-md-2 col-lg-2">
                    <div class="movie__images">
                        <img alt='' src="images/380-60.png">
                    </div>
                    <div class="movie__feature">
                        <a href="#" class="movie__feature-item movie__feature--comment">1</a>
                        <a href="#" class="movie__feature-item movie__feature--video">2</a>
                        <a href="#" class="movie__feature-item movie__feature--photo">3</a>
                    </div>
                </div>

                <div class="col-sm-9 col-md-10 col-lg-10 movie__about">
                    <a href='movie-page-full.html' class="movie__title link--huge">一条狗的使命2</a>

                    <p class="movie__time">105 min</p>

                    <p class="movie__option"><strong>国家: </strong>
                        <a href="#">北美</a>
                    </p>
                    <p class="movie__option"><strong>类别: </strong>
                        <a href="#">感人</a>
                    </p>
                    <p class="movie__option"><strong>发布日期: </strong>2019-05-17</p>
                    <p class="movie__option"><strong>导演: </strong>
                        <a href="#">Jon Turteltaub</a>
                    </p>
                    <p class="movie__option"><strong>演员: </strong>
                        <a href="#">Robert De Niro</a>,
                        <a href="#">Michael Douglas</a>,
                        <a href="#">Morgan Freeman</a>,
                        <a href="#">Kevin Kline</a>,
                        <a href="#">Mary Steenburgen</a>,
                        <a href="#">Jerry Ferrara</a>,
                        <a href="#">Romany Malco</a>
                        <a href="#">...</a>
                    </p>

                    <div class="movie__btns">
                        <a href="#" class="btn btn-md btn--warning">订这张票</a>
                        <a href="#" class="watchlist">添加到购物车</a>
                    </div>

                    <div class="preview-footer">
                        <div class="movie__rate">
                            <div class="score"></div><span class="movie__rate-number">170 票</span> <span class="movie__rating">5.0</span></div>

                        <a href="#" class="movie__show-btn">放映时间</a>
                    </div>
                </div>

                <div class="clearfix"></div>

                <!-- Time table (choose film start time)-->
                <div class="time-select">
                    <div class="time-select__group group--first">
                        <div class="col-sm-4">
                            <p class="time-select__place">万达影城</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='09:40'>09:40</li>
                            <li class="time-select__item" data-time='13:45'>13:45</li>
                            <li class="time-select__item active" data-time='15:45'>15:45</li>
                            <li class="time-select__item" data-time='19:50'>19:50</li>
                            <li class="time-select__item" data-time='21:50'>21:50</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">又见影院</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='10:45'>10:45</li>
                            <li class="time-select__item" data-time='16:00'>16:00</li>
                            <li class="time-select__item" data-time='19:00'>19:00</li>
                            <li class="time-select__item" data-time='21:15'>21:15</li>
                            <li class="time-select__item" data-time='23:00'>23:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='09:00'>09:00</li>
                            <li class="time-select__item" data-time='11:00'>11:00</li>
                            <li class="time-select__item" data-time='13:00'>13:00</li>
                            <li class="time-select__item" data-time='15:00'>15:00</li>
                            <li class="time-select__item" data-time='17:00'>17:00</li>
                            <li class="time-select__item" data-time='19:0'>19:00</li>
                            <li class="time-select__item" data-time='21:0'>21:00</li>
                            <li class="time-select__item" data-time='23:0'>23:00</li>
                            <li class="time-select__item" data-time='01:0'>01:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='10:45'>10:45</li>
                            <li class="time-select__item" data-time='16:00'>16:00</li>
                            <li class="time-select__item" data-time='19:00'>19:00</li>
                            <li class="time-select__item" data-time='21:15'>21:15</li>
                            <li class="time-select__item" data-time='23:00'>23:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group group--last">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='17:45'>17:45</li>
                            <li class="time-select__item" data-time='21:30'>21:30</li>
                            <li class="time-select__item" data-time='02:20'>02:20</li>
                        </ul>
                    </div>
                </div>
                <!-- end time table-->

            </div>
            <!-- end movie preview item -->

            <!-- Movie preview item -->
            <div class="movie movie--preview movie--full release">
                <div class="col-sm-3 col-md-2 col-lg-2">
                    <div class="movie__images">
                        <img alt='' src="images/380-60.png">
                    </div>
                    <div class="movie__feature">
                        <a href="#" class="movie__feature-item movie__feature--comment">1</a>
                        <a href="#" class="movie__feature-item movie__feature--video">2</a>
                        <a href="#" class="movie__feature-item movie__feature--photo">3</a>
                    </div>
                </div>

                <div class="col-sm-9 col-md-10 col-lg-10 movie__about">
                    <a href='movie-page-full.html' class="movie__title link--huge">一条狗的使命2</a>

                    <p class="movie__time">105 min</p>

                    <p class="movie__option"><strong>国家: </strong>
                        <a href="#">北美</a>
                    </p>
                    <p class="movie__option"><strong>类别: </strong>
                        <a href="#">感人</a>
                    </p>
                    <p class="movie__option"><strong>发布日期: </strong>2019-05-17</p>
                    <p class="movie__option"><strong>导演: </strong>
                        <a href="#">Jon Turteltaub</a>
                    </p>
                    <p class="movie__option"><strong>演员: </strong>
                        <a href="#">Robert De Niro</a>,
                        <a href="#">Michael Douglas</a>,
                        <a href="#">Morgan Freeman</a>,
                        <a href="#">Kevin Kline</a>,
                        <a href="#">Mary Steenburgen</a>,
                        <a href="#">Jerry Ferrara</a>,
                        <a href="#">Romany Malco</a>
                        <a href="#">...</a>
                    </p>

                    <div class="movie__btns">
                        <a href="#" class="btn btn-md btn--warning">订这张票</a>
                        <a href="#" class="watchlist">添加到购物车</a>
                    </div>

                    <div class="preview-footer">
                        <div class="movie__rate">
                            <div class="score"></div><span class="movie__rate-number">170 票</span> <span class="movie__rating">5.0</span></div>

                        <a href="#" class="movie__show-btn">放映时间</a>
                    </div>
                </div>

                <div class="clearfix"></div>

                <!-- Time table (choose film start time)-->
                <div class="time-select">
                    <div class="time-select__group group--first">
                        <div class="col-sm-4">
                            <p class="time-select__place">万达影城</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='09:40'>09:40</li>
                            <li class="time-select__item" data-time='13:45'>13:45</li>
                            <li class="time-select__item active" data-time='15:45'>15:45</li>
                            <li class="time-select__item" data-time='19:50'>19:50</li>
                            <li class="time-select__item" data-time='21:50'>21:50</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">又见影院</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='10:45'>10:45</li>
                            <li class="time-select__item" data-time='16:00'>16:00</li>
                            <li class="time-select__item" data-time='19:00'>19:00</li>
                            <li class="time-select__item" data-time='21:15'>21:15</li>
                            <li class="time-select__item" data-time='23:00'>23:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='09:00'>09:00</li>
                            <li class="time-select__item" data-time='11:00'>11:00</li>
                            <li class="time-select__item" data-time='13:00'>13:00</li>
                            <li class="time-select__item" data-time='15:00'>15:00</li>
                            <li class="time-select__item" data-time='17:00'>17:00</li>
                            <li class="time-select__item" data-time='19:0'>19:00</li>
                            <li class="time-select__item" data-time='21:0'>21:00</li>
                            <li class="time-select__item" data-time='23:0'>23:00</li>
                            <li class="time-select__item" data-time='01:0'>01:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='10:45'>10:45</li>
                            <li class="time-select__item" data-time='16:00'>16:00</li>
                            <li class="time-select__item" data-time='19:00'>19:00</li>
                            <li class="time-select__item" data-time='21:15'>21:15</li>
                            <li class="time-select__item" data-time='23:00'>23:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group group--last">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='17:45'>17:45</li>
                            <li class="time-select__item" data-time='21:30'>21:30</li>
                            <li class="time-select__item" data-time='02:20'>02:20</li>
                        </ul>
                    </div>
                </div>
                <!-- end time table-->

            </div>
            <!-- end movie preview item -->

            <!-- Movie preview item -->
            <div class="movie movie--preview movie--full release">
                <div class="col-sm-3 col-md-2 col-lg-2">
                    <div class="movie__images">
                        <img alt='' src="images/380-60.png">
                    </div>
                    <div class="movie__feature">
                        <a href="#" class="movie__feature-item movie__feature--comment">1</a>
                        <a href="#" class="movie__feature-item movie__feature--video">2</a>
                        <a href="#" class="movie__feature-item movie__feature--photo">3</a>
                    </div>
                </div>

                <div class="col-sm-9 col-md-10 col-lg-10 movie__about">
                    <a href='movie-page-full.html' class="movie__title link--huge">一条狗的使命2</a>

                    <p class="movie__time">105 min</p>

                    <p class="movie__option"><strong>国家: </strong>
                        <a href="#">北美</a>
                    </p>
                    <p class="movie__option"><strong>类别: </strong>
                        <a href="#">感人</a>
                    </p>
                    <p class="movie__option"><strong>发布日期: </strong>2019-05-17</p>
                    <p class="movie__option"><strong>导演: </strong>
                        <a href="#">Jon Turteltaub</a>
                    </p>
                    <p class="movie__option"><strong>演员: </strong>
                        <a href="#">Robert De Niro</a>,
                        <a href="#">Michael Douglas</a>,
                        <a href="#">Morgan Freeman</a>,
                        <a href="#">Kevin Kline</a>,
                        <a href="#">Mary Steenburgen</a>,
                        <a href="#">Jerry Ferrara</a>,
                        <a href="#">Romany Malco</a>
                        <a href="#">...</a>
                    </p>

                    <div class="movie__btns">
                        <a href="#" class="btn btn-md btn--warning">订这张票</a>
                        <a href="#" class="watchlist">添加到购物车</a>
                    </div>

                    <div class="preview-footer">
                        <div class="movie__rate">
                            <div class="score"></div><span class="movie__rate-number">170 票</span> <span class="movie__rating">5.0</span></div>

                        <a href="#" class="movie__show-btn">放映时间</a>
                    </div>
                </div>

                <div class="clearfix"></div>

                <!-- Time table (choose film start time)-->
                <div class="time-select">
                    <div class="time-select__group group--first">
                        <div class="col-sm-4">
                            <p class="time-select__place">万达影城</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='09:40'>09:40</li>
                            <li class="time-select__item" data-time='13:45'>13:45</li>
                            <li class="time-select__item active" data-time='15:45'>15:45</li>
                            <li class="time-select__item" data-time='19:50'>19:50</li>
                            <li class="time-select__item" data-time='21:50'>21:50</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">又见影院</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='10:45'>10:45</li>
                            <li class="time-select__item" data-time='16:00'>16:00</li>
                            <li class="time-select__item" data-time='19:00'>19:00</li>
                            <li class="time-select__item" data-time='21:15'>21:15</li>
                            <li class="time-select__item" data-time='23:00'>23:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='09:00'>09:00</li>
                            <li class="time-select__item" data-time='11:00'>11:00</li>
                            <li class="time-select__item" data-time='13:00'>13:00</li>
                            <li class="time-select__item" data-time='15:00'>15:00</li>
                            <li class="time-select__item" data-time='17:00'>17:00</li>
                            <li class="time-select__item" data-time='19:0'>19:00</li>
                            <li class="time-select__item" data-time='21:0'>21:00</li>
                            <li class="time-select__item" data-time='23:0'>23:00</li>
                            <li class="time-select__item" data-time='01:0'>01:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='10:45'>10:45</li>
                            <li class="time-select__item" data-time='16:00'>16:00</li>
                            <li class="time-select__item" data-time='19:00'>19:00</li>
                            <li class="time-select__item" data-time='21:15'>21:15</li>
                            <li class="time-select__item" data-time='23:00'>23:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group group--last">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='17:45'>17:45</li>
                            <li class="time-select__item" data-time='21:30'>21:30</li>
                            <li class="time-select__item" data-time='02:20'>02:20</li>
                        </ul>
                    </div>
                </div>
                <!-- end time table-->
            </div>
            <!-- end movie preview item -->

            <!-- Movie preview item -->
            <div class="movie movie--preview movie--full release">
                <div class="col-sm-3 col-md-2 col-lg-2">
                    <div class="movie__images">
                        <img alt='' src="images/380-60.png">
                    </div>
                    <div class="movie__feature">
                        <a href="#" class="movie__feature-item movie__feature--comment">1</a>
                        <a href="#" class="movie__feature-item movie__feature--video">2</a>
                        <a href="#" class="movie__feature-item movie__feature--photo">3</a>
                    </div>
                </div>

                <div class="col-sm-9 col-md-10 col-lg-10 movie__about">
                    <a href='movie-page-full.html' class="movie__title link--huge">一条狗的使命2</a>

                    <p class="movie__time">105 min</p>

                    <p class="movie__option"><strong>国家: </strong>
                        <a href="#">北美</a>
                    </p>
                    <p class="movie__option"><strong>类别: </strong>
                        <a href="#">感人</a>
                    </p>
                    <p class="movie__option"><strong>发布日期: </strong>2019-05-17</p>
                    <p class="movie__option"><strong>导演: </strong>
                        <a href="#">Jon Turteltaub</a>
                    </p>
                    <p class="movie__option"><strong>演员: </strong>
                        <a href="#">Robert De Niro</a>,
                        <a href="#">Michael Douglas</a>,
                        <a href="#">Morgan Freeman</a>,
                        <a href="#">Kevin Kline</a>,
                        <a href="#">Mary Steenburgen</a>,
                        <a href="#">Jerry Ferrara</a>,
                        <a href="#">Romany Malco</a>
                        <a href="#">...</a>
                    </p>

                    <div class="movie__btns">
                        <a href="#" class="btn btn-md btn--warning">订这张票</a>
                        <a href="#" class="watchlist">添加到购物车</a>
                    </div>

                    <div class="preview-footer">
                        <div class="movie__rate">
                            <div class="score"></div><span class="movie__rate-number">170 票</span> <span class="movie__rating">5.0</span></div>

                        <a href="#" class="movie__show-btn">放映时间</a>
                    </div>
                </div>

                <div class="clearfix"></div>

                <!-- Time table (choose film start time)-->
                <div class="time-select">
                    <div class="time-select__group group--first">
                        <div class="col-sm-4">
                            <p class="time-select__place">万达影城</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='09:40'>09:40</li>
                            <li class="time-select__item" data-time='13:45'>13:45</li>
                            <li class="time-select__item active" data-time='15:45'>15:45</li>
                            <li class="time-select__item" data-time='19:50'>19:50</li>
                            <li class="time-select__item" data-time='21:50'>21:50</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">又见影院</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='10:45'>10:45</li>
                            <li class="time-select__item" data-time='16:00'>16:00</li>
                            <li class="time-select__item" data-time='19:00'>19:00</li>
                            <li class="time-select__item" data-time='21:15'>21:15</li>
                            <li class="time-select__item" data-time='23:00'>23:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='09:00'>09:00</li>
                            <li class="time-select__item" data-time='11:00'>11:00</li>
                            <li class="time-select__item" data-time='13:00'>13:00</li>
                            <li class="time-select__item" data-time='15:00'>15:00</li>
                            <li class="time-select__item" data-time='17:00'>17:00</li>
                            <li class="time-select__item" data-time='19:0'>19:00</li>
                            <li class="time-select__item" data-time='21:0'>21:00</li>
                            <li class="time-select__item" data-time='23:0'>23:00</li>
                            <li class="time-select__item" data-time='01:0'>01:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='10:45'>10:45</li>
                            <li class="time-select__item" data-time='16:00'>16:00</li>
                            <li class="time-select__item" data-time='19:00'>19:00</li>
                            <li class="time-select__item" data-time='21:15'>21:15</li>
                            <li class="time-select__item" data-time='23:00'>23:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group group--last">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='17:45'>17:45</li>
                            <li class="time-select__item" data-time='21:30'>21:30</li>
                            <li class="time-select__item" data-time='02:20'>02:20</li>
                        </ul>
                    </div>
                </div>
                <!-- end time table-->

            </div>
            <!-- end movie preview item -->

            <!-- Movie preview item -->
            <div class="movie movie--preview movie--full release">
                <div class="col-sm-3 col-md-2 col-lg-2">
                    <div class="movie__images">
                        <img alt='' src="images/380-60.png">
                    </div>
                    <div class="movie__feature">
                        <a href="#" class="movie__feature-item movie__feature--comment">1</a>
                        <a href="#" class="movie__feature-item movie__feature--video">2</a>
                        <a href="#" class="movie__feature-item movie__feature--photo">3</a>
                    </div>
                </div>

                <div class="col-sm-9 col-md-10 col-lg-10 movie__about">
                    <a href='movie-page-full.html' class="movie__title link--huge">一条狗的使命2</a>

                    <p class="movie__time">105 min</p>

                    <p class="movie__option"><strong>国家: </strong>
                        <a href="#">北美</a>
                    </p>
                    <p class="movie__option"><strong>类别: </strong>
                        <a href="#">感人</a>
                    </p>
                    <p class="movie__option"><strong>发布日期: </strong>2019-05-17</p>
                    <p class="movie__option"><strong>导演: </strong>
                        <a href="#">Jon Turteltaub</a>
                    </p>
                    <p class="movie__option"><strong>演员: </strong>
                        <a href="#">Robert De Niro</a>,
                        <a href="#">Michael Douglas</a>,
                        <a href="#">Morgan Freeman</a>,
                        <a href="#">Kevin Kline</a>,
                        <a href="#">Mary Steenburgen</a>,
                        <a href="#">Jerry Ferrara</a>,
                        <a href="#">Romany Malco</a>
                        <a href="#">...</a>
                    </p>

                    <div class="movie__btns">
                        <a href="#" class="btn btn-md btn--warning">订这张票</a>
                        <a href="#" class="watchlist">添加到购物车</a>
                    </div>

                    <div class="preview-footer">
                        <div class="movie__rate">
                            <div class="score"></div><span class="movie__rate-number">170 票</span> <span class="movie__rating">5.0</span></div>

                        <a href="#" class="movie__show-btn">放映时间</a>
                    </div>
                </div>

                <div class="clearfix"></div>

                <!-- Time table (choose film start time)-->
                <div class="time-select">
                    <div class="time-select__group group--first">
                        <div class="col-sm-4">
                            <p class="time-select__place">万达影城</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='09:40'>09:40</li>
                            <li class="time-select__item" data-time='13:45'>13:45</li>
                            <li class="time-select__item active" data-time='15:45'>15:45</li>
                            <li class="time-select__item" data-time='19:50'>19:50</li>
                            <li class="time-select__item" data-time='21:50'>21:50</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">又见影院</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='10:45'>10:45</li>
                            <li class="time-select__item" data-time='16:00'>16:00</li>
                            <li class="time-select__item" data-time='19:00'>19:00</li>
                            <li class="time-select__item" data-time='21:15'>21:15</li>
                            <li class="time-select__item" data-time='23:00'>23:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='09:00'>09:00</li>
                            <li class="time-select__item" data-time='11:00'>11:00</li>
                            <li class="time-select__item" data-time='13:00'>13:00</li>
                            <li class="time-select__item" data-time='15:00'>15:00</li>
                            <li class="time-select__item" data-time='17:00'>17:00</li>
                            <li class="time-select__item" data-time='19:0'>19:00</li>
                            <li class="time-select__item" data-time='21:0'>21:00</li>
                            <li class="time-select__item" data-time='23:0'>23:00</li>
                            <li class="time-select__item" data-time='01:0'>01:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='10:45'>10:45</li>
                            <li class="time-select__item" data-time='16:00'>16:00</li>
                            <li class="time-select__item" data-time='19:00'>19:00</li>
                            <li class="time-select__item" data-time='21:15'>21:15</li>
                            <li class="time-select__item" data-time='23:00'>23:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group group--last">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='17:45'>17:45</li>
                            <li class="time-select__item" data-time='21:30'>21:30</li>
                            <li class="time-select__item" data-time='02:20'>02:20</li>
                        </ul>
                    </div>
                </div>
                <!-- end time table-->

            </div>
            <!-- end movie preview item -->

            <!-- Movie preview item -->
            <div class="movie movie--preview movie--full release">
                <div class="col-sm-3 col-md-2 col-lg-2">
                    <div class="movie__images">
                        <img alt='' src="images/380-60.png">
                    </div>
                    <div class="movie__feature">
                        <a href="#" class="movie__feature-item movie__feature--comment">1</a>
                        <a href="#" class="movie__feature-item movie__feature--video">2</a>
                        <a href="#" class="movie__feature-item movie__feature--photo">3</a>
                    </div>
                </div>

                <div class="col-sm-9 col-md-10 col-lg-10 movie__about">
                    <a href='movie-page-full.html' class="movie__title link--huge">一条狗的使命2</a>

                    <p class="movie__time">105 min</p>

                    <p class="movie__option"><strong>国家: </strong>
                        <a href="#">北美</a>
                    </p>
                    <p class="movie__option"><strong>类别: </strong>
                        <a href="#">感人</a>
                    </p>
                    <p class="movie__option"><strong>发布日期: </strong>2019-05-17</p>
                    <p class="movie__option"><strong>导演: </strong>
                        <a href="#">Jon Turteltaub</a>
                    </p>
                    <p class="movie__option"><strong>演员: </strong>
                        <a href="#">Robert De Niro</a>,
                        <a href="#">Michael Douglas</a>,
                        <a href="#">Morgan Freeman</a>,
                        <a href="#">Kevin Kline</a>,
                        <a href="#">Mary Steenburgen</a>,
                        <a href="#">Jerry Ferrara</a>,
                        <a href="#">Romany Malco</a>
                        <a href="#">...</a>
                    </p>

                    <div class="movie__btns">
                        <a href="#" class="btn btn-md btn--warning">订这张票</a>
                        <a href="#" class="watchlist">添加到购物车</a>
                    </div>

                    <div class="preview-footer">
                        <div class="movie__rate">
                            <div class="score"></div><span class="movie__rate-number">170 票</span> <span class="movie__rating">5.0</span></div>

                        <a href="#" class="movie__show-btn">放映时间</a>
                    </div>
                </div>

                <div class="clearfix"></div>

                <!-- Time table (choose film start time)-->
                <div class="time-select">
                    <div class="time-select__group group--first">
                        <div class="col-sm-4">
                            <p class="time-select__place">万达影城</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='09:40'>09:40</li>
                            <li class="time-select__item" data-time='13:45'>13:45</li>
                            <li class="time-select__item active" data-time='15:45'>15:45</li>
                            <li class="time-select__item" data-time='19:50'>19:50</li>
                            <li class="time-select__item" data-time='21:50'>21:50</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">又见影院</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='10:45'>10:45</li>
                            <li class="time-select__item" data-time='16:00'>16:00</li>
                            <li class="time-select__item" data-time='19:00'>19:00</li>
                            <li class="time-select__item" data-time='21:15'>21:15</li>
                            <li class="time-select__item" data-time='23:00'>23:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='09:00'>09:00</li>
                            <li class="time-select__item" data-time='11:00'>11:00</li>
                            <li class="time-select__item" data-time='13:00'>13:00</li>
                            <li class="time-select__item" data-time='15:00'>15:00</li>
                            <li class="time-select__item" data-time='17:00'>17:00</li>
                            <li class="time-select__item" data-time='19:0'>19:00</li>
                            <li class="time-select__item" data-time='21:0'>21:00</li>
                            <li class="time-select__item" data-time='23:0'>23:00</li>
                            <li class="time-select__item" data-time='01:0'>01:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='10:45'>10:45</li>
                            <li class="time-select__item" data-time='16:00'>16:00</li>
                            <li class="time-select__item" data-time='19:00'>19:00</li>
                            <li class="time-select__item" data-time='21:15'>21:15</li>
                            <li class="time-select__item" data-time='23:00'>23:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group group--last">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='17:45'>17:45</li>
                            <li class="time-select__item" data-time='21:30'>21:30</li>
                            <li class="time-select__item" data-time='02:20'>02:20</li>
                        </ul>
                    </div>
                </div>
                <!-- end time table-->

            </div>
            <!-- end movie preview item -->

            <!-- Movie preview item -->
            <div class="movie movie--preview movie--full release">
                <div class="col-sm-3 col-md-2 col-lg-2">
                    <div class="movie__images">
                        <img alt='' src="images/380-60.png">
                    </div>
                    <div class="movie__feature">
                        <a href="#" class="movie__feature-item movie__feature--comment">1</a>
                        <a href="#" class="movie__feature-item movie__feature--video">2</a>
                        <a href="#" class="movie__feature-item movie__feature--photo">3</a>
                    </div>
                </div>

                <div class="col-sm-9 col-md-10 col-lg-10 movie__about">
                    <a href='movie-page-full.html' class="movie__title link--huge">一条狗的使命2</a>

                    <p class="movie__time">105 min</p>

                    <p class="movie__option"><strong>国家: </strong>
                        <a href="#">北美</a>
                    </p>
                    <p class="movie__option"><strong>类别: </strong>
                        <a href="#">感人</a>
                    </p>
                    <p class="movie__option"><strong>发布日期: </strong>2019-05-17</p>
                    <p class="movie__option"><strong>导演: </strong>
                        <a href="#">Jon Turteltaub</a>
                    </p>
                    <p class="movie__option"><strong>演员: </strong>
                        <a href="#">Robert De Niro</a>,
                        <a href="#">Michael Douglas</a>,
                        <a href="#">Morgan Freeman</a>,
                        <a href="#">Kevin Kline</a>,
                        <a href="#">Mary Steenburgen</a>,
                        <a href="#">Jerry Ferrara</a>,
                        <a href="#">Romany Malco</a>
                        <a href="#">...</a>
                    </p>

                    <div class="movie__btns">
                        <a href="#" class="btn btn-md btn--warning">订这张票</a>
                        <a href="#" class="watchlist">添加到购物车</a>
                    </div>

                    <div class="preview-footer">
                        <div class="movie__rate">
                            <div class="score"></div><span class="movie__rate-number">170 票</span> <span class="movie__rating">5.0</span></div>

                        <a href="#" class="movie__show-btn">放映时间</a>
                    </div>
                </div>

                <div class="clearfix"></div>

                <!-- Time table (choose film start time)-->
                <div class="time-select">
                    <div class="time-select__group group--first">
                        <div class="col-sm-4">
                            <p class="time-select__place">万达影城</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='09:40'>09:40</li>
                            <li class="time-select__item" data-time='13:45'>13:45</li>
                            <li class="time-select__item active" data-time='15:45'>15:45</li>
                            <li class="time-select__item" data-time='19:50'>19:50</li>
                            <li class="time-select__item" data-time='21:50'>21:50</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">又见影院</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='10:45'>10:45</li>
                            <li class="time-select__item" data-time='16:00'>16:00</li>
                            <li class="time-select__item" data-time='19:00'>19:00</li>
                            <li class="time-select__item" data-time='21:15'>21:15</li>
                            <li class="time-select__item" data-time='23:00'>23:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='09:00'>09:00</li>
                            <li class="time-select__item" data-time='11:00'>11:00</li>
                            <li class="time-select__item" data-time='13:00'>13:00</li>
                            <li class="time-select__item" data-time='15:00'>15:00</li>
                            <li class="time-select__item" data-time='17:00'>17:00</li>
                            <li class="time-select__item" data-time='19:0'>19:00</li>
                            <li class="time-select__item" data-time='21:0'>21:00</li>
                            <li class="time-select__item" data-time='23:0'>23:00</li>
                            <li class="time-select__item" data-time='01:0'>01:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='10:45'>10:45</li>
                            <li class="time-select__item" data-time='16:00'>16:00</li>
                            <li class="time-select__item" data-time='19:00'>19:00</li>
                            <li class="time-select__item" data-time='21:15'>21:15</li>
                            <li class="time-select__item" data-time='23:00'>23:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group group--last">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='17:45'>17:45</li>
                            <li class="time-select__item" data-time='21:30'>21:30</li>
                            <li class="time-select__item" data-time='02:20'>02:20</li>
                        </ul>
                    </div>
                </div>
                <!-- end time table-->

            </div>
            <!-- end movie preview item -->

            <!-- Movie preview item -->
            <div class="movie movie--preview movie--full release">
                <div class="col-sm-3 col-md-2 col-lg-2">
                    <div class="movie__images">
                        <img alt='' src="images/380-60.png">
                    </div>
                    <div class="movie__feature">
                        <a href="#" class="movie__feature-item movie__feature--comment">1</a>
                        <a href="#" class="movie__feature-item movie__feature--video">2</a>
                        <a href="#" class="movie__feature-item movie__feature--photo">3</a>
                    </div>
                </div>

                <div class="col-sm-9 col-md-10 col-lg-10 movie__about">
                    <a href='movie-page-full.html' class="movie__title link--huge">一条狗的使命2</a>

                    <p class="movie__time">105 min</p>

                    <p class="movie__option"><strong>国家: </strong>
                        <a href="#">北美</a>
                    </p>
                    <p class="movie__option"><strong>类别: </strong>
                        <a href="#">感人</a>
                    </p>
                    <p class="movie__option"><strong>发布日期: </strong>2019-05-17</p>
                    <p class="movie__option"><strong>导演: </strong>
                        <a href="#">Jon Turteltaub</a>
                    </p>
                    <p class="movie__option"><strong>演员: </strong>
                        <a href="#">Robert De Niro</a>,
                        <a href="#">Michael Douglas</a>,
                        <a href="#">Morgan Freeman</a>,
                        <a href="#">Kevin Kline</a>,
                        <a href="#">Mary Steenburgen</a>,
                        <a href="#">Jerry Ferrara</a>,
                        <a href="#">Romany Malco</a>
                        <a href="#">...</a>
                    </p>

                    <div class="movie__btns">
                        <a href="#" class="btn btn-md btn--warning">订这张票</a>
                        <a href="#" class="watchlist">添加到购物车</a>
                    </div>

                    <div class="preview-footer">
                        <div class="movie__rate">
                            <div class="score"></div><span class="movie__rate-number">170 票</span> <span class="movie__rating">5.0</span></div>

                        <a href="#" class="movie__show-btn">放映时间</a>
                    </div>
                </div>

                <div class="clearfix"></div>

                <!-- Time table (choose film start time)-->
                <div class="time-select">
                    <div class="time-select__group group--first">
                        <div class="col-sm-4">
                            <p class="time-select__place">万达影城</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='09:40'>09:40</li>
                            <li class="time-select__item" data-time='13:45'>13:45</li>
                            <li class="time-select__item active" data-time='15:45'>15:45</li>
                            <li class="time-select__item" data-time='19:50'>19:50</li>
                            <li class="time-select__item" data-time='21:50'>21:50</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">又见影院</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='10:45'>10:45</li>
                            <li class="time-select__item" data-time='16:00'>16:00</li>
                            <li class="time-select__item" data-time='19:00'>19:00</li>
                            <li class="time-select__item" data-time='21:15'>21:15</li>
                            <li class="time-select__item" data-time='23:00'>23:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='09:00'>09:00</li>
                            <li class="time-select__item" data-time='11:00'>11:00</li>
                            <li class="time-select__item" data-time='13:00'>13:00</li>
                            <li class="time-select__item" data-time='15:00'>15:00</li>
                            <li class="time-select__item" data-time='17:00'>17:00</li>
                            <li class="time-select__item" data-time='19:0'>19:00</li>
                            <li class="time-select__item" data-time='21:0'>21:00</li>
                            <li class="time-select__item" data-time='23:0'>23:00</li>
                            <li class="time-select__item" data-time='01:0'>01:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='10:45'>10:45</li>
                            <li class="time-select__item" data-time='16:00'>16:00</li>
                            <li class="time-select__item" data-time='19:00'>19:00</li>
                            <li class="time-select__item" data-time='21:15'>21:15</li>
                            <li class="time-select__item" data-time='23:00'>23:00</li>
                        </ul>
                    </div>

                    <div class="time-select__group group--last">
                        <div class="col-sm-4">
                            <p class="time-select__place">影院1</p>
                        </div>
                        <ul class="col-sm-8 items-wrap">
                            <li class="time-select__item" data-time='17:45'>17:45</li>
                            <li class="time-select__item" data-time='21:30'>21:30</li>
                            <li class="time-select__item" data-time='02:20'>02:20</li>
                        </ul>
                    </div>
                </div>
                <!-- end time table-->

            </div>
        </div>

    </section>

    <!-- 底部-->
    <jsp:include page="footer.jsp"></jsp:include>




<!-- JavaScript-->
<!-- jQuery 1.9.1-->
<script src="http://ajax.useso.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>
    window.jQuery || document.write('<script src="js/external/jquery-1.10.1.min.js"><\/script>')
</script>
<!-- Migrate -->
<script src="js/external/jquery-migrate-1.2.1.min.js"></script>
<!-- jQuery UI -->
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<!-- Bootstrap 3-->
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>

<!-- Mobile menu -->
<script src="js/jquery.mobile.menu.js"></script>
<!-- Select -->
<script src="js/external/jquery.selectbox-0.2.min.js"></script>

<!-- Stars rate -->
<script src="js/external/jquery.raty.js"></script>

<!-- Form element -->
<script src="js/external/form-element.js"></script>
<!-- Form validation -->
<script src="js/form.js"></script>

<!-- Custom -->
<script src="js/custom.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
        init_MovieList();
    });
</script>
</body>
</html>
